<template>
	<view>
		<uni-popup ref="warnOrderPopup" height="200px" type="center" :animation="false">
			<view class="mypopup">
				<view class="mypopup__head">
					<image src="../../static/img/icon-clock.png"></image>
					<text>催单处理</text>
				</view>
				<view class="mypopup__body">
					<view class="ag-cell">
						<view class="ag-cell__value">
							<text>{{AccountName}}</text>
							<text>{{ContactPhone}}</text>
						</view>
					</view>
					<view class="ag-cell">
						<view class="ag-cell__value">
							<text>{{Address}}</text>
						</view>
					</view>
					<view class="ag-divider"></view>
					<AGInput textarea placeholder="备注" @change="ChangeRemark"/>
					<view class="mypopup__footer">
						<button class="cu-btn lg primary" @click="Submit">确定</button>
						<button class="cu-btn lg primary plain" @click="Cancel">取消</button>
					</view>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	import uniPopup from '@dcloudio/uni-ui/lib/uni-popup/uni-popup';
	import AGInput from '../AGInput/index';
	export default {
		props: {
			AccountName: {
				type: String,
				default: '',
			},
			ContactPhone: {
				type: String,
				default: '',
			},
			Address: {
				type: String,
				default: '',
			},
		},
		components: {
			AGInput,
			uniPopup,
		},
		data() {
			return {
				WarnrderRemark:'',
			}
		},
		methods: {
			Submit(e) {
				let parm = {
					Remark: this.WarnrderRemark,
					//ReasonId:this.upWorderReason[this.reasonIndex].ReasonCodeId
				}
				this.$emit("WarnOrderSubmit", parm)
			},
			
			ChangeRemark(e){
				this.WarnrderRemark = e;
			},
			Cancel(e) {
				this.closePoPup();
			},
			openPoPup() {
				this.$refs.warnOrderPopup.open();
			},
			closePoPup() {
				this.$refs.warnOrderPopup.close();
			},
		}
	}
</script>

<style lang="scss">

</style>
